导航菜单

如何创建响应式浮动

❮ 上一节下一节 ❯如何创建 - 响应式浮动

了解如何使用 CSS 创建响应式浮动元素。

响应式浮动

使用媒体查询并为元素何时浮动设置指定的屏幕宽度(以像素为单位):

实例/* 在宽度等于或小于 768px 的屏幕上向右浮动 */@media (max-width: 768px) {  .float-right-sm {    float: right;  }}

/* 在宽度等于或大于 769px 的屏幕上向右浮动 */@media (min-width: 769px) {  .float-right-lg {    float: right;  }}

亲自试一试 »

提示:在我们的 CSS 浮点数教程中了解

相关推荐: